From d46ab0f62a13885013883197c0903344707961fc Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Thu, 3 Dec 2015 18:39:19 +0100 Subject: [PATCH] Adwaita: scale with marks styling I'm really sorry for the unlucky ones who would have to read that code... --- gtk/theme/Adwaita/_common.scss | 72 +++++-- gtk/theme/Adwaita/gtk-contained-dark.css | 241 +++++++++++++++++++++-- gtk/theme/Adwaita/gtk-contained.css | 241 +++++++++++++++++++++-- 3 files changed, 513 insertions(+), 41 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 0a333d8096..e4bf43a23d 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2193,31 +2193,27 @@ checkbutton.text-button, radiobutton.text-button { scale { // FIXME: rationalize -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; + -GtkRange-slider-width: 26; -GtkRange-trough-border: 2; - outline-offset: -9px; + outline-offset: -10px; outline-radius: 6px; &.fine-tune { - outline-offset: -7px; + outline-offset: -8px; outline-radius: 8px; - trough, - fill, - highlight { - margin: 10px; - border-radius: 4px; + trough { + margin: 11px; + &, fill, highlight { border-radius: 4px; } } } - trough, - fill, - highlight { margin: 12px; } + trough { margin: 13px; } - &:not(.vertical) slider { margin: 2px 0; } + &:not(.vertical) slider { margin: 3px 0; } - &.vertical slider { margin: 0 2px; } + &.vertical slider { margin: 0 3px; } // the backing bit trough { @extend %scale_trough; } @@ -2295,6 +2291,56 @@ scale { } marks { color: gtkalpha(currentColor, 0.4); } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + + @each $dir_class, $dir_infix in ('', 'horz'), + ('.vertical', 'vert') { + @each $marks_infix, $nth_child in ('scale-has-marks-above', ':last-child:not(:only-child)'), + ('scale-has-marks-below', ':first-child:not(:only-child)') { + + &#{$dir_class} { + @each $state, $suffix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':insensitive', '-insensitive'), + (':backdrop', '-backdrop'), + (':backdrop:insensitive', '-backdrop-insensitive') { + + &.fine-tune trough#{$nth_child} {} + + trough#{$nth_child} { + slider{ + margin: 0; + &#{$state} { + $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$suffix}'; + // @warn $_file_name; // uncomment for debuggin purpose... + border-style: none; + border-radius: 0; + + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + + $_scale_slider_bg_pos: bottom; + @if $dir_infix == 'horz' { + @if $marks_infix == 'scale-has-marks-above' { $_scale_slider_bg_pos: top; } + } + @else { + @if $marks_infix == 'scale-has-marks-above' { $_scale_slider_bg_pos: left; } + @else { $_scale_slider_bg_pos: right; } + } + + background-position: $_scale_slider_bg_pos; + background-repeat: no-repeat; + box-shadow: none; + } + } + } + } + } + } + } } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 98c8fd52ad..95559e65a9 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -2955,26 +2955,23 @@ scale highlight, progressbar progress { scale { -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; + -GtkRange-slider-width: 26; -GtkRange-trough-border: 2; - outline-offset: -9px; + outline-offset: -10px; outline-radius: 6px; } scale.fine-tune { - outline-offset: -7px; + outline-offset: -8px; outline-radius: 8px; } - scale.fine-tune trough, - scale.fine-tune fill, - scale.fine-tune highlight { - margin: 10px; - border-radius: 4px; } - scale trough, - scale fill, - scale highlight { - margin: 12px; } + scale.fine-tune trough { + margin: 11px; } + scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight { + border-radius: 4px; } + scale trough { + margin: 13px; } scale:not(.vertical) slider { - margin: 2px 0; } + margin: 3px 0; } scale.vertical slider { - margin: 0 2px; } + margin: 0 3px; } scale fill, scale fill:backdrop { background-color: #1c1f1f; box-shadow: none; } @@ -3080,6 +3077,222 @@ scale { -gtk-icon-shadow: none; } scale marks { color: alpha(currentColor,0.4); } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } /***************** * Progress bars * diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index a3b3ad6fc0..47ec4c3b04 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -3117,26 +3117,23 @@ scale highlight, progressbar progress { scale { -GtkScale-slider-length: 20; - -GtkRange-slider-width: 24; + -GtkRange-slider-width: 26; -GtkRange-trough-border: 2; - outline-offset: -9px; + outline-offset: -10px; outline-radius: 6px; } scale.fine-tune { - outline-offset: -7px; + outline-offset: -8px; outline-radius: 8px; } - scale.fine-tune trough, - scale.fine-tune fill, - scale.fine-tune highlight { - margin: 10px; - border-radius: 4px; } - scale trough, - scale fill, - scale highlight { - margin: 12px; } + scale.fine-tune trough { + margin: 11px; } + scale.fine-tune trough, scale.fine-tune trough fill, scale.fine-tune trough highlight { + border-radius: 4px; } + scale trough { + margin: 13px; } scale:not(.vertical) slider { - margin: 2px 0; } + margin: 3px 0; } scale.vertical slider { - margin: 0 2px; } + margin: 0 3px; } scale fill, scale fill:backdrop { background-color: #a1a1a1; box-shadow: none; } @@ -3242,6 +3239,222 @@ scale { -gtk-icon-shadow: none; } scale marks { color: alpha(currentColor,0.4); } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:last-child:not(:only-child) slider { + margin: 0; } + scale trough:last-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale trough:first-child:not(:only-child) slider { + margin: 0; } + scale trough:first-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:last-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:last-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); + background-position: left; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:hover { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:active { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:backdrop { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical trough:first-child:not(:only-child) slider { + margin: 0; } + scale.vertical trough:first-child:not(:only-child) slider:backdrop:insensitive { + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); + background-position: right; + background-repeat: no-repeat; + box-shadow: none; } /***************** * Progress bars * -- 2.30.2